<template>
  <div class="home">
    <Top></Top>
    <Banner></Banner>
    <Recommend></Recommend>
    <Bottom></Bottom>
  </div>
</template>

<script>
import Top from '../components/home/Top.vue'
import Banner from '../components/home/Banner.vue'
import Recommend from '../components/home/Recommend.vue'
import Bottom from '../components/home/Bottom.vue'
export default {
  name: 'Home',
  components: {
    Top,
    Banner,
    Recommend,
    Bottom
  }
}
</script>
